<template>
  <div>
    <detail :detailArr="detailArr" :detailData="detailData"></detail>
  </div>
</template>
<style lang="scss"></style>
<script>
import Detail from '@/components/Detail/detail.vue'
export default {
  data() {
    return {
      id: '',
      detailArr: [
        {
          id: 8,
          name: '绍兴大禹开元观堂',
          src:
            'https://ac-q.static.booking.cn/images/hotel/max1024x768/155/155891273.jpg',
          position: ' 绍兴越城区二环南路1988号',
          rank: 4,
          price: 690,
          traffic: '距离绍兴市区有3公里，距离杭州萧山国际机场有1小时车程。',
          tel: 859565,
          longitude: 120.611692,
          latitude: 29.966077
        },
        {
          id: 10,
          name: '科艺',
          src: null,
          position: '康阳大道58',
          rank: 3,
          price: 888,
          traffic: '668',
          tel: 15662233,
          longitude: 120.81967,
          latitude: 30.183801
        },
        {
          id: 11,
          name: '测试景区',
          src: null,
          position: '测试地址',
          rank: 4,
          price: 0,
          traffic: null,
          tel: 0,
          longitude: 120,
          latitude: 30
        }
      ],
      detailData: { id: 1, title: 'saaffs' }
    }
  },
  methods: {},
  components: {
    Detail
  },
  mounted() {
    console.log(this.$route.params.id)
  }
}
</script>
